UX: update /new
toggle styles, class names
#23154
Merged
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
New
--
modifier to follow BEM and help avoid class name collisionsBefore:
![Screenshot 2023-08-18 at 6 02 33 PM](https://private-user-images.githubusercontent.com/1681963/261720692-18b912a1-14a3-4ad5-9801-018fe96fa824.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MTkyMDAwMDgsIm5iZiI6MTcxOTE5OTcwOCwicGF0aCI6Ii8xNjgxOTYzLzI2MTcyMDY5Mi0xOGI5MTJhMS0xNGEzLTRhZDUtOTgwMS0wMThmZTk2ZmE4MjQucG5nP1gtQW16LUFsZ29yaXRobT1BV1M0LUhNQUMtU0hBMjU2JlgtQW16LUNyZWRlbnRpYWw9QUtJQVZDT0RZTFNBNTNQUUs0WkElMkYyMDI0MDYyNCUyRnVzLWVhc3QtMSUyRnMzJTJGYXdzNF9yZXF1ZXN0JlgtQW16LURhdGU9MjAyNDA2MjRUMDMyODI4WiZYLUFtei1FeHBpcmVzPTMwMCZYLUFtei1TaWduYXR1cmU9NWE2ZDJiZTVkYzU4NGIwZDJiYTA3YjgwMzVmMTE2ZTZkYWZiNDQ1MjdmNTk1MmM5ZTVjZTk2ZGFhMGIyM2M3YSZYLUFtei1TaWduZWRIZWFkZXJzPWhvc3QmYWN0b3JfaWQ9MCZrZXlfaWQ9MCZyZXBvX2lkPTAifQ.LLU-IVaYcErkkqwmgnMOwsaTWPUJYqYKuEoT6yhcfoI)
After:
![Screenshot 2023-08-18 at 5 51 20 PM](https://private-user-images.githubusercontent.com/1681963/261720731-9e5200e0-cb13-4118-b812-be82edb2311f.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MTkyMDAwMDgsIm5iZiI6MTcxOTE5OTcwOCwicGF0aCI6Ii8xNjgxOTYzLzI2MTcyMDczMS05ZTUyMDBlMC1jYjEzLTQxMTgtYjgxMi1iZTgyZWRiMjMxMWYucG5nP1gtQW16LUFsZ29yaXRobT1BV1M0LUhNQUMtU0hBMjU2JlgtQW16LUNyZWRlbnRpYWw9QUtJQVZDT0RZTFNBNTNQUUs0WkElMkYyMDI0MDYyNCUyRnVzLWVhc3QtMSUyRnMzJTJGYXdzNF9yZXF1ZXN0JlgtQW16LURhdGU9MjAyNDA2MjRUMDMyODI4WiZYLUFtei1FeHBpcmVzPTMwMCZYLUFtei1TaWduYXR1cmU9MGQ0YjA4MmUzYzZhYWFlZGVkNmY3ZWFiMDIxYzM0ODY5YjYzMTg5NDBhNGRiNjJkNDM5YzM3OTQ5Zjc3NWM1YSZYLUFtei1TaWduZWRIZWFkZXJzPWhvc3QmYWN0b3JfaWQ9MCZrZXlfaWQ9MCZyZXBvX2lkPTAifQ.eAR8x0OBAj8gTCdqRXESvKM3LExzDraZHbeVbF_jbm4)
Before:
![Screenshot 2023-08-18 at 6 03 23 PM](https://private-user-images.githubusercontent.com/1681963/261720816-dbb3a773-6082-45e7-8499-336e9f50d2e8.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MTkyMDAwMDgsIm5iZiI6MTcxOTE5OTcwOCwicGF0aCI6Ii8xNjgxOTYzLzI2MTcyMDgxNi1kYmIzYTc3My02MDgyLTQ1ZTctODQ5OS0zMzZlOWY1MGQyZTgucG5nP1gtQW16LUFsZ29yaXRobT1BV1M0LUhNQUMtU0hBMjU2JlgtQW16LUNyZWRlbnRpYWw9QUtJQVZDT0RZTFNBNTNQUUs0WkElMkYyMDI0MDYyNCUyRnVzLWVhc3QtMSUyRnMzJTJGYXdzNF9yZXF1ZXN0JlgtQW16LURhdGU9MjAyNDA2MjRUMDMyODI4WiZYLUFtei1FeHBpcmVzPTMwMCZYLUFtei1TaWduYXR1cmU9M2QyMDEyYjVmNzUxZDAzNmI1M2RkYjNlMzBiMzE0Y2RiMGUyMWFiODE4OWMxMThjYjM5MmJhMDM3OWNjNWRkZiZYLUFtei1TaWduZWRIZWFkZXJzPWhvc3QmYWN0b3JfaWQ9MCZrZXlfaWQ9MCZyZXBvX2lkPTAifQ.PMr58n6rtru6Of9vsfRs6mN3gEI4uzmuA8zHpYuaCjQ)
After:
![Screenshot 2023-08-18 at 5 51 31 PM](https://private-user-images.githubusercontent.com/1681963/261720829-49791eb2-b3f4-40c1-8871-674b90e2515b.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MTkyMDAwMDgsIm5iZiI6MTcxOTE5OTcwOCwicGF0aCI6Ii8xNjgxOTYzLzI2MTcyMDgyOS00OTc5MWViMi1iM2Y0LTQwYzEtODg3MS02NzRiOTBlMjUxNWIucG5nP1gtQW16LUFsZ29yaXRobT1BV1M0LUhNQUMtU0hBMjU2JlgtQW16LUNyZWRlbnRpYWw9QUtJQVZDT0RZTFNBNTNQUUs0WkElMkYyMDI0MDYyNCUyRnVzLWVhc3QtMSUyRnMzJTJGYXdzNF9yZXF1ZXN0JlgtQW16LURhdGU9MjAyNDA2MjRUMDMyODI4WiZYLUFtei1FeHBpcmVzPTMwMCZYLUFtei1TaWduYXR1cmU9NTUyMWYxYzk1MzcwYzJhZTgzY2U3MzIzY2Y0Njk5MDhiMjNkNThjYjA3NzU0ZGE1ODNlMzE3MGQyNTA2MjAzZiZYLUFtei1TaWduZWRIZWFkZXJzPWhvc3QmYWN0b3JfaWQ9MCZrZXlfaWQ9MCZyZXBvX2lkPTAifQ.Y0w5IjyCpT3G6_m2acPj-MBCshitZwQHr908vMZgMGE)